<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
    <title>GISApi测试</title>



    <style type="text/css">
        * {
            box-sizing: border-box;
        }

        body, html{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        .ol-viewport {
            /*地图背景色*/
            background-color: rgba(7, 30, 75, 1);
        }

    </style>


    <!--js顺序加载工具，以及地图js-->
    <script type="text/javascript" src="js/tools/jquery.min.js"></script>
    <script type="text/javascript" src="js/tools/LAB.js"></script>
    <script type="text/javascript" src="ZGMapApi.js"></script>

</head>

<body style="overflow-x:hidden;overflow-y:hidden">


<!--主地图显示区域-->
<div id='myMap'>
</div>

<!--<button type="button" style=" position: absolute; height: 40px; width: 80px; top: 0px;  left: 150px;padding:10px;" onclick="ecoModule()">经济模块</button>-->

<script type="text/javascript">

    //初始化地图控件，并绑定div
    var myMap=new ZGMaparea('myMap','赣榆区','综合经济');
    //var myMap=new ZGMaptype('myMap');




    /*var data=[
        {"name":"赣榆区","x":119.11,"y":34.68,"percent":65},
        {"name":"连云区","x":119.58,"y":34.49,"percent":40},
        {"name":"海州区","x":119.26,"y":34.42,"percent":100},
        {"name":"东海县","x":118.62,"y":34.40,"percent":60},
        {"name":"灌云县","x":119.51,"y":34.23,"percent":10},
        {"name":"灌南县","x":119.48,"y":34.04,"percent":50}
    ]

    myMap.InitHistogram(data);*/



    /*ecoModule = function () {
        ZoomToPositon(119.22,34.41,12);
    }*/

</script>


</body>
</html>
